<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body{
			background: grey;
		}
		#bigbox{
			width: 400px;
			height: 370px;
			position: relative;
			background-color: white;
			
		}
		.boxbox1{
			position: absolute;
			left: 20px;	
			top:25px
		}
		.boxbox2{
			position: absolute;
			left: 210px;
			top:-120px;
		}
		.boxbox3{
			position: absolute;
			top:-94px;
			left: 20px;
		}
		.boxbox4{
			top:-239px;
			left: 210px;
		}
		.box-son{
			width: 145px;
			height: 125px;
			border: 10px solid #dbdfe8;
			position: relative;
		}
		h4{
			padding-left: 8px;
			padding-top:10px ;
		}
		p{
			font-size: 13px;
			width: 78px;
			padding-left: 8px;
			padding-top:6px ;
		}
		span>img{
			float: right;
		}
		.img{
			position: absolute;
			right: 10px;
			bottom: 8px;
		}
	</style>
	<body>
		
		<div id="bigbox">
			<div class="box-son boxbox1">
				<h4>采购</h4>
				<p>
					有创意的想法和充满欲望的开创未来联合聘用人才。
				</p>
				<span class="img"><img src="img/植物.png" /></span>
			</div>
			<div class="box-son boxbox2">
				<h4>招聘信息</h4>
				<p>
					基于多年的社区能力的经验，充分发挥聘请人才。
				</p>
				<span class="img"><img src="img/骰子.png"/></span>
			</div>
			<div class="box-son boxbox3">
				<h4>文员</h4>
				<p>
					所有营的工作人员总是在一起，可以是一个招聘称职的员工。
				</p>
				<span class="img"><img src="img/计算器.png"/></span>
			</div>
			<div class="box-son boxbox4">
				<h4>呼叫中心坐席</h4>
				<p>
					客户需要伸出援助之手，每当你使用一个代理来。
				</p>
				<span class="img"><img src="img/咖啡.png"/></span>
			</div>
		</div>
	</body>
</html>
